﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title th:text="${session.title}">123</title>
    <link th:replace="common/header"/>
    <link rel="stylesheet" th:href="@{/css/ace-skins.min.css}"/>
    <link th:replace="common/tip"/>
</head>
<body class="navbar-fixed">
<div th:replace="common/top"></div>
<div class="container-fluid main_bg" id="main-container">
    <a id="menu-toggler" href="#"><span></span></a>
    <div th:replace="common/menu"></div>
    <div id="main-content" class="clearfix">
        <div id="page-content" class="clearfix">
            <div th:replace="common/title"></div>
            <h3 class="header smaller lighter blue"><em class="icon-list"></em>球员列表</h3>
            <form class="form-horizontal" th:object="${footPersonSearchForm}" method="post"
                  th:action="@{/hy/footPerson/search}" name="form">
                <div class="row-fluid">
                    <!--PAGE CONTENT BEGINS HERE-->
                    <div class="span12">
                        <div class="row-fluid">
                            <a class="btn" type="button" th:href="@{/index}"><em class="icon-arrow-left"></em>返回首页</a>
                        </div>
                        <table style="width:100%" border="0">
                            <tbody>
                            <tr>
                                <th style="width: 150px;">球员名字/ID/俱乐部:</th>
                                <td style="width: auto;"><input th:field="*{name}" type="text" name="name"
                                                                class="input_fix" placeholder="球员名字/ID/俱乐部"/></td>
                                <th style="width: 55px;">位置:</th>
                                <td style="width: auto;">
                                    <select th:field="*{wz}" id="wz" name="wz" class="input_fix" title="">
                                        <option value="">全部</option>
                                        <option th:each="t:${wzList}" th:value="${t.id}"
                                                th:text="${t.wzmc + '(' + t.wzbm + ')'}">123
                                        </option>
                                    </select>
                                </td>
                                <th style="width: 55px;">等级:</th>
                                <td style="width: auto;">
                                    <select th:field="*{djId}" id="djId" name="djId" class="input_fix" title="">
                                        <option value="">全部</option>
                                        <option th:each="t:${djList}" th:text="${t.qydj}" th:value="${t.id}">123
                                        </option>
                                    </select>
                                </td>
                                <th style="width: 55px;">国籍:</th>
                                <td style="width: auto;">
                                    <select th:field="*{gj}" id="gj" name="gj" class="input_fix" title="">
                                        <option value="">全部</option>
                                        <option th:each="t:${gjList}" th:text="${t.name}" th:value="${t.id}">123
                                        </option>
                                    </select>
                                </td>
                                <td style="width:120px;">
                                    <button type="button" class="btn btn-info" style="float: right;" id="btnmore"><em
                                            id="more" class="icon-arrow-down"></em>更多
                                    </button>
                                </td>
                                <td style="width:120px;">
                                    <button class="btn btn-info" style="float: right;" type="button"
                                            onclick="pagechange(1);"><em class="icon-search"></em>查询
                                    </button>
                                </td>
                            </tr>
                            <tr>
                                <table id="table" style="width:100%;display:none;" border="0">
                                    <tr>
                                        <th>
                                            <select th:field="*{nlName1}" id="nlName1" name="nlName1" class="input_fix"
                                                    title="">
                                                <option value="">全部</option>
                                                <option th:each="t:${nlList}" th:text="${t.name}" th:value="${t.id}">
                                                    123
                                                </option>
                                            </select>
                                        </th>
                                        <td>
                                            <input th:field="*{nlValueStart1}" type="text" id="nlValueStart1"
                                                   name="nlValueStart1" class="input-mini spinner-input" title=""/>
                                            ~<input th:field="*{nlValueEnd1}" type="text" id="nlValueEnd1"
                                                    name="nlValueEnd1" class="input-mini spinner-input" title=""/></td>
                                        <th>
                                            <select th:field="*{nlName2}" id="nlName2" name="nlName2" class="input_fix"
                                                    title="">
                                                <option value="">全部</option>
                                                <option th:each="t:${nlList}" th:text="${t.name}" th:value="${t.id}">
                                                    123
                                                </option>
                                            </select>
                                        </th>
                                        <td>
                                            <input th:field="*{nlValueStart2}" type="text" id="nlValueStart2"
                                                   name="nlValueStart2" class="input-mini spinner-input" title=""/>
                                            ~<input th:field="*{nlValueEnd2}" type="text" id="nlValueEnd2"
                                                    name="nlValueEnd2" class="input-mini spinner-input" title=""/></td>
                                        <th>
                                            <select th:field="*{nlName3}" id="nlName3" name="nlName3" class="input_fix"
                                                    title="">
                                                <option value="">全部</option>
                                                <option th:each="t:${nlList}" th:text="${t.name}" th:value="${t.id}">
                                                    123
                                                </option>
                                            </select>
                                        </th>
                                        <td>
                                            <input th:field="*{nlValueStart3}" type="text" id="nlValueStart3"
                                                   name="nlValueStart3" class="input-mini spinner-input" title=""/>
                                            ~<input th:field="*{nlValueEnd3}" type="text" id="nlValueEnd3"
                                                    name="nlValueEnd3" class="input-mini spinner-input" title=""/></td>
                                        <th>
                                            <select th:field="*{nlName4}" id="nlName4" name="nlName4" class="input_fix"
                                                    title="">
                                                <option value="">全部</option>
                                                <option th:each="t:${nlList}" th:text="${t.name}" th:value="${t.id}">
                                                    123
                                                </option>
                                            </select>
                                        </th>
                                        <td>
                                            <input th:field="*{nlValueStart4}" type="text" id="nlValueStart4"
                                                   name="nlValueStart4" class="input-mini spinner-input" title=""/>
                                            ~<input th:field="*{nlValueEnd4}" type="text" id="nlValueEnd4"
                                                    name="nlValueEnd4" class="input-mini spinner-input" title=""/></td>
                                    </tr>
                                </table>
                            </tr>
                            </tbody>
                        </table>
                        <table id="table_bug_report" class="table table-hover">
                            <thead>
                            <tr>
                                <th style="width:40px;">位置</th>
                                <th>球员名称</th>
                                <th style="width:120px;">等级</th>
                                <th class="hidden-480" style="width:120px;">国籍</th>
                                <th class="hidden-480" style="width:40px;">评分</th>
                                <th class="hidden-480" style="width:80px;">身价</th>
                                <th class="hidden-480" style="width:200px;">球员状态</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr th:each="t:${footPersonList}">
                                <td>
                                    <a th:onclick="'javascript:view(' + ${t.id} + ');'">
                                        <img alt="" src="" th:src="@{/images/foot/gk.png}" th:if="${t.wzbm == 'GK'}"/>
                                        <img alt="" src="" th:src="@{/images/foot/sw.png}" th:if="${t.wzbm == 'SW'}"/>
                                        <img alt="" src="" th:src="@{/images/foot/cb.png}" th:if="${t.wzbm == 'CB'}"/>
                                        <img alt="" src="" th:src="@{/images/foot/lb.png}" th:if="${t.wzbm == 'LB'}"/>
                                        <img alt="" src="" th:src="@{/images/foot/rb.png}" th:if="${t.wzbm == 'RB'}"/>
                                        <img alt="" src="" th:src="@{/images/foot/dmf.png}" th:if="${t.wzbm == 'DMF'}"/>
                                        <img alt="" src="" th:src="@{/images/foot/cmf.png}" th:if="${t.wzbm == 'CMF'}"/>
                                        <img alt="" src="" th:src="@{/images/foot/lmf.png}" th:if="${t.wzbm == 'LMF'}"/>
                                        <img alt="" src="" th:src="@{/images/foot/rmf.png}" th:if="${t.wzbm == 'RMF'}"/>
                                        <img alt="" src="" th:src="@{/images/foot/lwf.png}" th:if="${t.wzbm == 'LWF'}"/>
                                        <img alt="" src="" th:src="@{/images/foot/rwf.png}" th:if="${t.wzbm == 'RWF'}"/>
                                        <img alt="" src="" th:src="@{/images/foot/amf.png}" th:if="${t.wzbm == 'AMF'}"/>
                                        <img alt="" src="" th:src="@{/images/foot/ss.png}" th:if="${t.wzbm == 'SS'}"/>
                                        <img alt="" src="" th:src="@{/images/foot/cf.png}" th:if="${t.wzbm == 'CF'}"/>
                                    </a>
                                </td>
                                <td th:if="${t.qydj == '顶级球星'}"><a
                                        th:onclick="'javascript:view(' + ${t.id} + ');'"><span
                                        style="color: orange; font-weight: bold"
                                        th:text="${t.yw + (t.name != null ? '(' + t.name + ')' : '')}">123</span></a>
                                </td>
                                <td th:if="${t.qydj == '顶级球星'}"><a th:onclick="'javascript:view(' + ${t.id} + ');'"><em
                                        class="icon-star text-warning"></em><em class="icon-star text-warning"></em><em
                                        class="icon-star text-warning"></em><em class="icon-star text-warning"></em><em
                                        class="icon-star text-warning"></em></a></td>
                                <td th:if="${t.qydj == '超级球星'}"><a
                                        th:onclick="'javascript:view(' + ${t.id} + ');'"><span
                                        style="color: purple; font-weight: bold"
                                        th:text="${t.yw + (t.name != null ? '(' + t.name + ')' : '')}">123</span></a>
                                </td>
                                <td th:if="${t.qydj == '超级球星'}"><a th:onclick="'javascript:view(' + ${t.id} + ');'"><em
                                        class="icon-star text-warning"></em><em class="icon-star text-warning"></em><em
                                        class="icon-star text-warning"></em><em class="icon-star text-warning"></em></a>
                                </td>
                                <td th:if="${t.qydj == '洲际球星'}"><a
                                        th:onclick="'javascript:view(' + ${t.id} + ');'"><span
                                        style="color: blue; font-weight: bold"
                                        th:text="${t.yw + (t.name != null ? '(' + t.name + ')' : '')}">123</span></a>
                                </td>
                                <td th:if="${t.qydj == '洲际球星'}"><a th:onclick="'javascript:view(' + ${t.id} + ');'"><em
                                        class="icon-star text-warning"></em><em class="icon-star text-warning"></em><em
                                        class="icon-star text-warning"></em></a></td>
                                <td th:if="${t.qydj == '普通球星'}"><a
                                        th:onclick="'javascript:view(' + ${t.id} + ');'"><span
                                        style="color: #9dfe5c; font-weight: bold"
                                        th:text="${t.yw + (t.name != null ? '(' + t.name + ')' : '')}">123</span></a>
                                </td>
                                <td th:if="${t.qydj == '普通球星'}"><a th:onclick="'javascript:view(' + ${t.id} + ');'"><em
                                        class="icon-star text-warning"></em><em class="icon-star text-warning"></em></a>
                                </td>
                                <td th:if="${t.qydj == '大众/白人'}"><a
                                        th:onclick="'javascript:view(' + ${t.id} + ');'"><span
                                        style="color: white; font-weight: bold"
                                        th:text="${t.yw + (t.name != null ? '(' + t.name + ')' : '')}">123</span></a>
                                </td>
                                <td th:if="${t.qydj == '大众/白人'}"><a th:onclick="'javascript:view(' + ${t.id} + ');'"><em
                                        class="icon-star text-warning"></em></a></td>
                                <td class="hidden-480"><a th:onclick="'javascript:view(' + ${t.id} + ');'"
                                                          th:text="${t.gjName}">123</a></td>
                                <td class="hidden-480">
                                    <a th:onclick="'javascript:view(' + ${t.id} + ');'">
                                        <span th:style="${t.color}" th:text="${t.pf}">123</span>
                                    </a>
                                </td>
                                <td class="hidden-480"><a th:onclick="'javascript:view(' + ${t.id} + ');'"
                                                          th:text="${#numbers.formatDecimal(t.qysj, 0, 0)}">123</a></td>
                                <td class="hidden-480">
                                    <img alt="" th:src="@{/images/foot/xq.png}" src="" style="height:20px;"
                                         th:if="${t.xqzt == 1}"/>
                                </td>
                            </tr>
                            </tbody>
                            <tfoot>
                            <tr>
                                <td colspan="7">
                                    <div class="row-fluid" th:include="common/page :: page"></div>
                                </td>
                            </tr>
                            </tfoot>
                        </table>
                        <!--/#page-content-->
                    </div>
                    <!--/#page-content-->
                </div>
            </form>
        </div>
        <div th:replace="common/skin :: skin"></div>
    </div><!--/#main-content-->
</div><!--/.fluid-container#main-container-->
<div th:replace="common/jsList"></div>
<script th:src="@{/js/fuelux/fuelux.spinner.min.js}"></script>
<script th:src="@{/js/spinbox.min.js}"></script>
<script th:src="@{/js/jquery.autosize.min.js}"></script>
<script type="text/javascript">
    $(function () {
        $("#btnmore").click(function () {
            //$("#table").toggle();
            if ($("#table").is(":hidden")) {
                $("#table").show();
                $("#more").attr("class", "icon-arrow-up");
            } else {
                $("#more").attr("class", "icon-arrow-down");
                $("#table").hide();
            }
            return false;
        });

        $('#nlValueStart1').ace_spinner({
            value: Number($("#nlValueStart1").val()),
            min: 0,
            max: 99,
            step: 1,
            btn_up_class: 'btn-info',
            btn_down_class: 'btn-info'
        })
            .on('change', function () {
            });
        $('#nlValueEnd1').ace_spinner({
            value: Number($("#nlValueEnd1").val()),
            min: 0,
            max: 99,
            step: 1,
            btn_up_class: 'btn-info',
            btn_down_class: 'btn-info'
        })
            .on('change', function () {
            });
        $('#nlValueStart2').ace_spinner({
            value: Number($("#nlValueStart2").val()),
            min: 0,
            max: 99,
            step: 1,
            btn_up_class: 'btn-info',
            btn_down_class: 'btn-info'
        })
            .on('change', function () {
            });
        $('#nlValueEnd2').ace_spinner({
            value: Number($("#nlValueEnd2").val()),
            min: 0,
            max: 99,
            step: 1,
            btn_up_class: 'btn-info',
            btn_down_class: 'btn-info'
        })
            .on('change', function () {
            });
        $('#nlValueStart3').ace_spinner({
            value: Number($("#nlValueStart3").val()),
            min: 0,
            max: 99,
            step: 1,
            btn_up_class: 'btn-info',
            btn_down_class: 'btn-info'
        })
            .on('change', function () {
            });
        $('#nlValueEnd3').ace_spinner({
            value: Number($("#nlValueEnd3").val()),
            min: 0,
            max: 99,
            step: 1,
            btn_up_class: 'btn-info',
            btn_down_class: 'btn-info'
        })
            .on('change', function () {
            });
        $('#nlValueStart4').ace_spinner({
            value: Number($("#nlValueStart4").val()),
            min: 0,
            max: 99,
            step: 1,
            btn_up_class: 'btn-info',
            btn_down_class: 'btn-info'
        })
            .on('change', function () {
            });
        $('#nlValueEnd4').ace_spinner({
            value: Number($("#nlValueEnd4").val()),
            min: 0,
            max: 99,
            step: 1,
            btn_up_class: 'btn-info',
            btn_down_class: 'btn-info'
        })
            .on('change', function () {
            });
    });

    function view(qdId) {
        document.form.action = "/hy/footPerson/view?id=" + qdId;
        document.form.submit();
    }
</script>
</body>
</html>
